// rfc => React Function Component
// !#1 导入
import React, { useState } from 'react'

export default function App() {
  // 参数表示默认状态
  // 返回值：数组（状态、操作状态的方法）
  // !#2 调用 setState 拿到状态和修改状态的方法
  const [count, setCount] = useState(0)
  return (
    <div>
      <h3>计数器：{count}</h3>
      {/* //!#3 绑定点击事件，调用 setCount 修改 */}
      <button
        onClick={() => {
          // 会把传递过去的数据，覆盖上一次的 count，并且视图会更新
          setCount(count + 1)
        }}
      >
        +1
      </button>
    </div>
  )
}
